<div class="chicken-page">
    <!--滚动公告-->
    <div class="notice">
        <em>(点我查看完整公告)</em>
        <p>
            <span>&nbsp;</span>
        </p>
    </div>

    <div class="userBox">
        <img class="bg" src="assets/images/farm/userBox.png" alt="">
        <section>
            <div class="headImg" style="background-image: url('assets/images/home/portrait/portrait-man.png')"></div>
            <div class="item clearfix">
                <div class="item-content">
                    <p class="name">&nbsp;</p>
                    <p class="clm clm-l">0</p>
                    <p class="clm clm-r">0</p>
                </div>
            </div>
        </section>
        <img src="assets/images/farm/l-vine.png" alt="" class="l-vine vine">
        <img src="assets/images/farm/r-vine.png" alt="" class="r-vine vine">
        <em class="btn back"></em>
        <em class="btn refresh"></em>
    </div>

    <div class="fieldBox">
    <div class="middleware">
    <ul class="field clearfix">
        <img class="floor-bg" src="assets/images/farm/floor.png" alt="">
        <!--todo li上加  等级：lv1，lv2，lv3，lvMax-->
        <!--todo Bubble上加egg鸡蛋气泡-->
        <li class="green">
            <section class="Bubble"><i></i></section>
        </li>
        <li class="green">
            <section class="Bubble"><i></i></section>
        </li>
        <li class="green">
            <section class="Bubble"><i></i></section>
        </li>
        <li class="green">
            <section class="Bubble"><i></i></section>
        </li>
        <li class="green">
            <section class="Bubble"><i></i></section>
        </li>
        <li class="green">
            <section class="Bubble"><i></i></section>
        </li>
        <li class="green">
            <section class="Bubble"><i></i></section>
        </li>
        <li class="green">
            <section class="Bubble"><i></i></section>
        </li>
        <li class="green">
            <section class="Bubble"><i></i></section>
        </li>
        <li class="green">
            <section class="Bubble"><i></i></section>
        </li>
        <li class="gold">
            <section class="Bubble"><i></i></section>
        </li>
        <li class="gold">
            <section class="Bubble"><i></i></section>
        </li>
        <li class="gold">
            <section class="Bubble"><i></i></section>
        </li>
        <li class="gold">
            <section class="Bubble"><i></i></section>
        </li>
        <li class="gold">
            <section class="Bubble"><i></i></section>
        </li>
    </ul>
    </div>
    </div>

    <div class="desktop">
        <img src="assets/images/farm/desktop.png" alt="" style="position: static">
        <button class="clean"></button>
    </div>

    <div class="dog" style="display: none;">
        <div>
            <img src="assets/images/farm/dog/01.gif" alt="">
        </div>
    </div>

</div>
<!--todo: 打扫动画时 添加.showClean-->
<section class="shade" style="display: none">
    <!--todo: 打扫结果-->
    <div class="content min cleanCheck" style="display: none">
        <div class="flex-box">
            <div class="f-l"></div>
            <div class="flex"></div>
            <div class="f-r"></div>
        </div>
        <p>恭喜~打扫获得<br><em>20只</em><i class="ico-egg"></i></p>
        <button class="yellowBtn"><span>确认</span></button>
        <i class="bottom"></i>
    </div>

    <!--todo:打扫动画-->
    <div class="cleanAnimation" style="display: none"></div>
    
    <!--todo: 公告弹窗-->
    <div class="content notice" style="display: none">
        <div class="title">
            <img src="assets/images/window/title-bg.png" class="title-c" alt="">
            <img src="assets/images/window/left_y.png" class="title-l" alt="">
            <img src="assets/images/window/right_y.png" class="title-r" alt="">
            <em>公告</em>
        </div>
        <i class="close"></i><i class="bottom"></i>
        <ul class="show">
        </ul>
    </div>
</section>
